<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>china-pub网上书店</title>
	<link rel="stylesheet" type="text/css" href="bools.css">
	<style type="text/css">
			body{
				min-width: 1510px;
				}
				.a1 button{
					border:0;
				}
	</style>
</head>
<body>
<div class="navs">
	<div class="nav">
		<div class="nav1">
			<ul>
				<li>欢迎光临<a href="###">china-pub网上书店</a></li>
				<li style="margin-left: 20px;"><a href="###">[登陆][注册]</a></li>
			</ul>
		</div>
		<div class="lis">
			<p>我的china-pub <img src="images/cell.png"></p>
			
		</div>
		<div style="margin-left: 20px;">
			<ul>
				<li>手机互动 | </li>
				<li>图书团购 | </li>
				<li>购书卡 | </li>
				<li>帮主中心 | </li>
			</ul>
		</div>
		<div>
			<a href="###">在线咨询</a>
			<img src="images/weibo.png" alt="">
			<img src="images/tenxunweibo.png" alt="">
			<img src="images/weixin.png" alt="">
		</div>
	</div>
</div>

<div class="title">	 
		<img style="float: left" src="images/logo.png">
	<div class="a1">
		<input type="text" autofocus="autofocus" name="">
		<button>搜索</button>
		<a href="###">高级搜索</a>
	</div>
	<div class="a2" style="float: right">
		购物车(0)件
	</div>
</div>

<div class="body">
	<div class="lei">
		<div class="b1">
			全部分类V
		</div>
		<div class="b2">
			<ul>
				<li style="margin-left: 4%;">首页 |</li>
				<li>手机互动 | </li>
				<li>新书 | </li>
				<li>特价书 | </li>
				<li>赠书 | </li>
				<li>教材 | </li>
				<li>电子书 | </li>
				<li>视频教程 | </li>
				<li>按需印刷 | </li>
				<li>在线阅读 | </li>
				<li>排行榜 | </li>
				<li>书评 | </li>
			</ul>
		</div>
	</div>
</div>

	<p class="body-1">
		<a href="###">首页 &gt; 分类浏览 &gt; 计算机 &gt; </a>软件与程序设计
	</p>

<div class="body-2">
	<div class="c1">
		<h3>软件与程序设计</h3>
		<hr>
		<div class="c5">
			<ul>
				<li>综合</li>
				<li>C/Turbo C</li>
				<li>C++</li>
				<li>VB</li>
				<li>BASIC/QQbasic</li>
				<li>JAVA(J#)</li>
				<li>.NET</li>
				<li>Delphi</li>
				<li>Kylix</li>
				<li>Pascal</li>
				<li>C#</li>
				<li>Powerbuilder</li>
				<li>网络编程</li>
				<li>移动开发</li>
				<li>自由软件</li>
				<li>CNU/Open Source</li>
				<li>Python</li>
				<li>COM/DCM/ATL/COM+</li>
				<li>汇编语言/编译原理</li>
				<li>MFC</li>
				<li>Palm</li>
				<li>TCL/TK</li>
				<li>Labview/Labwindows</li>
				<li>分布式系统设计</li>
				<li>AJAX</li>
				<li>Rails/Ruby</li>
				<li>Silverlight</li>
			</ul>
		</div>
	</div>
	<div class="c6">
		<ul style="margin-left: 1%;">
			<span>排序：</span>
			<li><a href="###"><button>关注程度</button></a></li>
			<li><a href="###"><button>上架时间</button></a></li>
			<li><a href="###"><button>评论星级</button></a></li>
			<li><a href="###"><button>销售排行</button></a></li>
			<li><a href="###"><button>价格升序</button></a></li>
			<li><a href="###"><button>出版日期</button></a></li>
		</ul>

		<!-- content -->
			<table cellspacing="0">
				<tr>
					<td><img class="d1" src="images/1.jpg"></td>
					<td>
						<p>JQuery+jQuery Mobile跨设备网页设计</p>
						<ul>
							<li>陈婉凌（著）&nbsp;&nbsp;|清华大学出版社&nbsp;&nbsp;|9787302470380&nbsp;&nbsp;|2017-7-1出版&nbsp;&nbsp;|2017-7-15	上架</li>
						</ul>
						<p style="height: 25px;">(0)人评价</p>
						<p class="d2">
							<span>VIP会员价：￥42.20<span style="color: red;">（8折）</span></span>
							<span style="margin-left: 20%;"><del>￥59.00</del></span>
							<span>
								<a class="n1" href="###"></a>
								<a class="n2"  href="###"></a>
								<a  class="n3" href="###"></a>
							</span>
						</p>
					</td>
				</tr>
				<tbody id="f2">
					
				</tbody>
			</table>
	</div>
</div>
</body>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="baiduTemplate.js"></script>
<script type="text/javascript">
	$.get("http://localhost:2403/books",function(data){
		// console.log(data)
		for (var i = 0; i < data.length; i++) {
			$("<tr><td><img class='d1' src="+data[i].image+"></td><td><p>"+data[i].name+"</p><ul><li>"+data[i].author+"</li></ul><p style='height: 25px;'>"+data[i].tittle+"</p><p class='d2'><span>"+data[i].date+"<span style='color: red;'>（8折）</span></span><span style='margin-left: 20%;'><del>"+data[i].many+"</del></span><span><a class='n1' href='###'></a><a class='n2'  href='###'></a><a  class='n3' href='###'></a></span></p></td></tr>").appendTo($("#f2"))
		}
		
	})
</script>
</html>